<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="Nikita Belousov" />
    
    <!--[if Internet Explorer]>
    <link href="css/IE_input_bug.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
    
	<title>Simple Tape | Contacts</title>
    
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/input_clear.js"></script>
    
    <!-- Loading -->
    <script type="text/javascript">
    $(function() { 
    $('.main_content, .main_navi').hide(); 
    $(window).load( function() {  
    $('#loader').fadeOut();
    $('.main_content, .main_navi').fadeIn(2000); 
    } );
    } );
                        
    $(document).ready(function() {
    $("body").css("display", "none");

    $("body").fadeIn(2000);

	$("a.transition").click(function(event){
		event.preventDefault();
		linkLocation = this.href;
		$("body").fadeOut(1000, redirectPage);
	});

	function redirectPage() {
		window.location = linkLocation;
	}
    });
    </script>
    
</head>

<body id="portfolio">
<div id="container">

    <div class="stripe"></div>

<div id="content">

<!-- Header -->

<div id="header">

<div id="loader"><img alt="Loading.." src="img/ajax-loader.gif" /></div>

<ul class="main_navi">
        <li><a class="transition" href="index.htm">Home</a></li>
        <li><a class="transition" href="about.htm">About</a></li>
        <li><a class="transition" href="portfolio.htm">Portfolio</a></li>
        <li><a class="transition" href="blog.htm">Blog</a></li>
        <li class="current"><a class="transition" href="contacts.htm">Contacts</a></li>
</ul>

<a title="Back to home" href="index.htm"><img alt="SimpleTipe" class="logo" src="img/logo.png" /></a>

</div>



<!-- Top Content -->
<div class="main_content">

    <iframe width="900" height="200" frameborder="0" scrolling="no" marginheight="0"
     marginwidth="0" src="http://maps.google.ru/maps?f=q&amp;source=s_q&amp;hl=ru&amp;g
     eocode=&amp;q=%D0%95%D0%BA%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%BD%D0%B1%D1%83%D1%80%D0%B3&
     amp;aq=&amp;sll=54.622978,70.400391&amp;sspn=10.890765,33.815918&amp;ie=UTF8&amp;hq=&am
     p;hnear=%D0%95%D0%BA%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%BD%D0%B1%D1%83%D1%80%D0%B3&amp;t=m
     &amp;z=11&amp;ll=56.85,60.6&amp;output=embed"></iframe>
     
    <div id="about_page">

    <h2>You can contact us</h2>
    
    <p class="contacts">Cras nec lacus massa, vel tincidunt purus. Nullam convallis 
    vehicula sapien, id mattis ipsum posuere et. Curabitur vel ante neque, 
    nec faucibus purus. <a>Quisque faucibus risus eu lorem rutrum nec volutpat 
    enim tempor</a>. Donec dictum ultricies convallis. Duis ac ligula vulputate 
    nulla egestas imperdiet sed et elit. Donec <a>hendrerit vehicula malesuada</a>.</p>
    
    </div>
    
    
    <div class="contact_info">
    <form class="contact_form" method="post" action="">
        <h2>Write us a letter</h2>
        <input type="text" class="autoclear" name="name" value="Enter your name"/> <br />
        <input type="text" class="autoclear" name="mail" value="Enter your E-mail"/> <br />
        <textarea cols="30" rows="15" name="message"></textarea>
        <div class="button_cont">
        <input type="submit" value="Send" />
        </div>
    </form>
    
    <div class="other_contacts">
        <h2>Other contacts</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Cras et nisl velit. Nunc lacinia dignissim nibh a viverra. 
        Integer vehicula elit in lectus ultrices luctus. Suspendisse potenti.</p>
        <div class="contact_item phone">643-356-24-00</div>
        <div class="contact_item mail">simpletape@gmail.com</div>
        <div class="contact_item twitter">@simple_tape</div>
    
    </div>
    
    </div>
      
<div id="footer">
    &#169; Simple Tape 2012 All rights reserved.
    
    <ul class="footer_navi">
        <li><a class="transition" href="index.htm">Home</a></li>
        <li><a class="transition" href="about.htm">About</a></li>
        <li><a class="transition" href="portfolio.htm">Portfolio</a></li>
        <li><a class="transition" href="blog.htm">Blog</a></li>
        <li class="current"><a class="transition" href="contacts.htm">Contacts</a></li>
    </ul>
</div>

</div>
</div>
</div>
</body>
</html>